import { styled } from '@umijs/max';

interface OverflowHiddenTextProps {
  row?: number;
}
export const OverflowHiddenText = styled.div<OverflowHiddenTextProps>`
  min-height: ${(props: OverflowHiddenTextProps) => (props.row ?? 2) + 'rem'};
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: ${(props: OverflowHiddenTextProps) => props.row ?? 2};
  -webkit-box-orient: vertical;
`;

export const CoverImg = styled.img.attrs({
  alt: 'cover',
})`
  height: 150px;
  max-width: 225px;
`;
